<!DOCTYPE html>
<html lang="en" xmlns:th = "http://www.thymeleaf.org">
   <head>
      <title>职员报修中心</title>
     <link rel="shortcut icon" href="/client/images/icon.png">
      <!--meta tags -->
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="keywords" content="" />
      <script>
         addEventListener("load", function () {
         	setTimeout(hideURLbar, 0);
         }, false);
         
         function hideURLbar() {
         	window.scrollTo(0, 1);
         }
      </script>
      <!--//meta tags ends here-->
      <!--booststrap-->
      <link href="/client/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
      <!--//booststrap end-->
      <!-- fonts-awesome icons -->
      <link href="/client/css/font-awesome.css" rel="stylesheet">
      <!-- //fonts-awesome icons -->
      <!-- For Clients slider -->
      <link rel="stylesheet" href="/client/css/flexslider.css" type="text/css" media="all" />
      <!-- //For clients slider -->
      <link href="/client/css/lsb.css" rel="stylesheet" type="text/css">
      <!--gallery lsb lightbox-->
      <!--stylesheets-->
      <link href="/client/css/style.css" rel='stylesheet' type='text/css' media="all">
      <!--//stylesheets-->
      <link href="http://fonts.googleapis.com/css?family=Montserrat:300,400,500" rel="stylesheet">
      <!-- 默认样式-->
      <link rel="stylesheet" href="/kefu/css/reset.min.css">
      <!-- 主要样式-->
      <link rel="stylesheet" href="/kefu/css/style.css">

      <!-- Important Owl stylesheet -->
      <link rel="stylesheet" href="/haha/owl-carousel/owl.carousel.css">

      <!-- Default Theme -->
      <link rel="stylesheet" href="/haha/owl-carousel/owl.theme.css">
      <link href="/haha/assets/css/bootstrapTheme.css" rel="stylesheet" type="text/css" media="all">


      <style>
         .kefu{
            position: fixed;
            bottom: 200px;
            width: 60px;
            height: 60px;
            border: 2px solid black;
            border-radius: 50%;
            background-color: white;

         }
         .arrow{
            width: 50px;
            height: 586px;
         }

      </style>

   </head>
   <body>
      <div class="header-outs" id="home">
         <div class="header-bar">
            <nav class="navbar navbar-expand-lg navbar-light">
               <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon"></span>
               </button>
               <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
                  <ul class="navbar-nav ">
                     <li class="nav-item active">
                        <a class="nav-link" href="#">系统简介 <span class="sr-only">(current)</span></a>
                     </li>
                     <li class="nav-item">
                        <a href="#gallery" class="nav-link scroll">报修申请</a>
                     </li>
                     <li class="nav-item">
                        <a href="#pricing" class="nav-link scroll">报修记录</a>
                     </li>
                     <li class="nav-item">
                        <a href="#contact" class="nav-link scroll">个人信息</a>
                     </li>
                     <li class="nav-item">
                        <a href="/yjfk" class="nav-link">意见反馈</a>
                     </li>
                  </ul>
               </div>
            </nav>
            <div class="hedder-up">
               <h1><a class="navbar-brand" href="#">设备维修系统 <span class="fa fa-lightbulb-o" aria-hidden="true"></span></a></h1>
            </div>
         </div>
         <!-- //Navigation -->
         <!-- Slideshow 4 -->
         <div class="slider">
            <div class="callbacks_container">
               <ul class="rslides" id="slider4">
                  <li>
                     <div class="slider-img one-img">
                        <div class="container">
                           <div class="slider-info">
                              <h4>超快的服务 ！</h4>
                              <p>维修申报一经发出，系统自动分配维修人员<br>维修人员即刻出发！</p>
                              <div class="outs_more-buttn">

                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li>
                     <div class="slider-img two-img">
                        <div class="container">
                           <div class="slider-info">
                              <h4>质量保障 ！</h4>
                              <p>职员可以根据维修人员的工作情况对其打分 <br>打分机制激励维修人员更好的工作！</p>
                              <div class="outs_more-buttn">

                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li>
                     <div class="slider-img three-img">
                        <div class="container">
                           <div class="slider-info">
                              <h4>监督催促权利！</h4>
                              <p>当报修申请提交后过久没有员工处理时，<br>可向系统发出催促申请，提高维护速率！</p>
                              <div class="outs_more-buttn">

                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
               </ul>
            </div>
            <!-- This is here just to demonstrate the callbacks -->
            <!-- <ul class="events">
               <li>Example 4 callback events</li>
               </ul>-->
         </div>
         <div class="clearfix"></div>
      </div>
      <!-- //banner -->


      <!-- gallery -->
      <div id="gallery" class="gallery" style="background-image: url(client/images/t-图片3.png);">
         <div class="container">
            <h3 class="title clr" >报修申请</h3>
            <div class="row agile_gallery_grids">
               <div class="col-lg-4 col-md-6 col-sm-6 agile_gallery_grid">
                  <div class="hover ehover14">
                     <a href="/client/images/g1.jpg" class="lsb-preview wthree_p_grid" data-lsb-group="header">
                        <img src="/client/images/g1.jpg" alt=" " class="img-responsive" />
                        <div class="overlay">
                           <h4>电梯</h4>
                           <div class="info nullbutton button"> <a href="#" data-toggle="modal" data-target="#exampleModalLive1">点击报修</a></div>
                        </div>
                     </a>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 col-sm-6 agile_gallery_grid">
                  <div class="hover ehover14">
                     <a href="/client/images/g2.jpg" class="lsb-preview wthree_p_grid" data-lsb-group="header">
                        <img src="/client/images/g2.jpg" alt=" " class="img-responsive" />
                        <div class="overlay">
                           <h4>电脑</h4>
                           <div class="info nullbutton button"><a href="#" data-toggle="modal" data-target="#exampleModalLive2">点击报修</a></div>
                        </div>
                     </a>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 col-sm-6 agile_gallery_grid">
                  <div class="hover ehover14">
                     <a href="/client/images/g3.jpg" class="lsb-preview wthree_p_grid" data-lsb-group="header">
                        <img src="/client/images/g3.jpg" alt=" " class="img-responsive" />
                        <div class="overlay">
                           <h4>打印机</h4>
                           <div class="info nullbutton button"><a href="#" data-toggle="modal" data-target="#exampleModalLive3">点击报修</a></div>
                        </div>
                     </a>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 col-sm-6 agile_gallery_grid grid1">
                  <div class="hover ehover14">
                     <a href="/client/images/g4.jpg" class="lsb-preview wthree_p_grid" data-lsb-group="header">
                        <img src="/client/images/g4.jpg" alt=" " class="img-responsive" />
                        <div class="overlay">
                           <h4>空调</h4>
                           <div class="info nullbutton button"><a href="#" data-toggle="modal" data-target="#exampleModalLive4">点击报修</a></div>
                        </div>
                     </a>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 col-sm-6 agile_gallery_grid grid1">
                  <div class="hover ehover14">
                     <a href="/client/images/g5.jpg" class="lsb-preview wthree_p_grid" data-lsb-group="header">
                        <img src="/client/images/g5.jpg" alt=" " class="img-responsive" />
                        <div class="overlay">
                           <h4>电灯</h4>
                           <div class="info nullbutton button"><a href="#" data-toggle="modal" data-target="#exampleModalLive5">点击报修</a></div>
                        </div>
                     </a>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 col-sm-6 agile_gallery_grid grid1">
                  <div class="hover ehover14">
                     <a href="/client/images/g6.jpg" class="lsb-preview wthree_p_grid" data-lsb-group="header">
                        <img src="/client/images/g6.jpg" alt=" " class="img-responsive" />
                        <div class="overlay">
                           <h4>其他</h4>
                           <div class="info nullbutton button"><a href="#" data-toggle="modal" data-target="#exampleModalLive6">报修填写</a></div>
                        </div>
                     </a>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- //gallery -->

      <!--price table -->
      <!--price table -->
      <div id="pricing" class="gallery" >
         <div class="containerrr">
            <div class="row">
               <div class="span12">
                  <h3 class="title clr" >我的报修记录</h3>
               </div>
            </div>

            <div class="row" >
               <div class="span12">

                  <div id="owl-example" class="owl-carousel" style="display: inline ">

                     <div class="item forestGreen pricing-grid grid-two" th:each="task:${tasklist}">

                        <div class="w3ls-bottom" style="display: inline-block">
                           <h3>申报记录</h3>
                           <ul class="count">
                              <li th:text="'报修时间:'+${#dates.format(task.getTime(), 'yyyy-MM-dd HH:mm:ss')}">时间</li>
                              <li th:text="'报修地点:'+${task.getTAddress()}">地点</li>
                              <li th:text="'待修设备:'+${task.getSkill()}">设备</li>
                              <li th:text="'报修状态:'+${task.getTStatus()}" th:id="${task.getTId()}">状态</li>
                           </ul>
                           <input type="hidden" th:value="${task.getEId()}" >
                           <input type="hidden" th:value="${task.getTStatus()}" >
                           <input type="hidden" th:value="${task.getTId()}" >
                           <div th:if="${not #strings.isEmpty(task.getEId())}">
                              <h4 data-toggle="modal" data-target="#comment" th:text="'接单工人:'+${task.getEId()}"  onclick="getComEId(this)" th:attr="EId=${task.getEId()},TStatus=${task.getTStatus()},TId=${task.getTId()}"> 无工人接单<span class="sup">（超链接进行评价）</span> </h4>
                           </div>
                           <div th:if="${#strings.isEmpty(task.getEId())}">
                              <h4>无工人接单<span class="sup"></span> </h4>
                           </div>
                           <form action="#"  onsubmit="return false">
                              <input type="hidden" th:value="${task.getTId()}" name="TId">
                              <div class="more">
                                 <a href="#" data-toggle="modal" data-target="#urge" th:attr="TId=${task.getTId()}" onclick="tixing00(this)">催促提醒</a>
                              </div>
                           </form>
                        </div>

                     </div>


                  </div>


               </div>
            </div>

            <div class="clearfix" style="height: 100px"></div>

         </div>
      </div>
      <!--//price table -->
      <!--//price table -->

      <!--contact -->
      <div class="contact" id="contact" style="padding: 50px; background-image: url(client/images/t-bg2.jpg);">
         <div  style="width: 1000px; background-color:#339999;position: relative;left: 13%;padding: 80px;border-radius: 12px;">
            <h3 class="title clr">个人信息修改</h3>
            <div class=" contact-form">
               <form action="/updateinfo" method="post" onsubmit="return false" id="updateClient">
                  <div class="row contact-bothside-agileinfo">
                     <div class="col-md-6 col-sm-6 col-xs-6 form-right form-left">
                        <input type="text" th:placeholder="'职员ID:'+${client.CId}"  name="CId1" readonly="readonly" required="">
                        <input type="hidden" th:value="${client.CId}" name="CId">
                     </div>
                     <div class="col-md-6 col-sm-6 col-xs-6 form-right ">
                        <input type="text" name="CPwd" th:placeholder="密码" required="">
                     </div>
                     <div class="col-md-6 col-sm-6 col-xs-6 form-right form-left">
                        <input type="email" name="CEmail" th:placeholder="'电子邮箱:'+${client.CEmail}" required="">
                     </div>
                     <div class="col-md-6 col-sm-6 col-xs-6 form-right ">
                        <input type="text" name="CPhone" th:placeholder="'联系电话:'+${client.CPhone}" required="">
                     </div>
                     <textarea type="text" th:placeholder="'现住址:'+${client.CAddress}" name="CAddress" required=""></textarea>
                     <input type="submit" value="更新个人信息" onclick="UpdateClient()">
                  </div>
               </form>
            </div>
         </div>
      </div>
      <!--//contact -->

      <div class="kefu">
         <img src="/client/images/icon.png" width="55px " height="55px" data-toggle="modal" data-target="#kefu"/>
      </div>

<!--      <div id="more" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">-->
<!--         <div class="modal-dialog" role="document">-->
<!--            <div class="modal-content">-->
<!--               <div class="modal-header">-->
<!--                  <h4 class="modal-title" >更多报修申请查看</h4>-->
<!--                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">-->
<!--                     <span aria-hidden="true">&times;</span>-->
<!--                  </button>-->
<!--               </div>-->
<!--               <div class="modal-body">-->

<!--                  <div class="w3ls-bottom" align="center" th:each="task:${tasklist}">-->
<!--                     <h3>申报记录</h3>-->
<!--                     <ul class="count">-->
<!--                        <li th:text="'报修时间:'+${task.getTime()}">时间</li>-->
<!--                        <li th:text="'报修地点:'+${task.getTAddress()}">地点</li>-->
<!--                        <li th:text="'待修设备:'+${task.getSkill()}">设备</li>-->
<!--                        <li th:text="'报修状态:'+${task.getTStatus()}" th:id="${task.getTId()}">状态</li>-->
<!--                     </ul>-->
<!--                     <input type="hidden" th:value="${task.getEId()}" >-->
<!--                     <input type="hidden" th:value="${task.getTStatus()}" >-->
<!--                     <input type="hidden" th:value="${task.getTId()}" >-->
<!--                     <div th:if="${not #strings.isEmpty(task.getEId())}">-->
<!--                        <h4 data-toggle="modal" data-target="#comment" th:text="'接单工人:'+${task.getEId()}"  onclick="getComEId(this)" th:attr="EId=${task.getEId()},TStatus=${task.getTStatus()},TId=${task.getTId()}"> 无工人接单<span class="sup">（超链接进行评价）</span> </h4>-->
<!--                     </div>-->
<!--                     <form action="#"  onsubmit="return false">-->
<!--                        <input type="hidden" th:value="${task.getTId()}" name="TId">-->
<!--                        <div class="more">-->
<!--                           <a href="#" data-toggle="modal" data-target="#urge" th:attr="TId=${task.getTId()}" onclick="tixing00(this)">催促提醒</a>-->
<!--                        </div>-->
<!--                     </form>-->

<!--                     <HR  width ="80%" color =#987 cb 9 SIZE = 3>-->


<!--                  </div>-->



<!--               </div>-->
<!--               <div class="modal-footer">-->
<!--                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>-->
<!--               </div>-->
<!--            </div>-->
<!--         </div>-->
<!--      </div>-->

      <div id="exampleModalLive1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
            <div class="modal-content">
               <div class="modal-header">
                  <h4 class="modal-title">电梯报修填写</h4>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
               </div>
               <div class="modal-body">
                  <div class="register-form">
                     <form action="#" id="TaskForm1" onsubmit="return false">
                        <input type="hidden" name="_method" value="put">
                        <div class="fields-grid">
                           <div class="styled-input">
                              <input type="text" th:placeholder="'职员ID:'+${client.CId}"  name="CId1" readonly="readonly" required="">
                              <input type="hidden"  name="CId" th:value="${client.CId}">
                           </div>
                           <div class="styled-input">
                              <input type="text" th:placeholder="'报修地点:'+${client.CAddress}" name="CAddress1" readonly="readonly" required="">
                              <input type="hidden"  name="CAddress" th:value="${client.CAddress}">
                           </div>
                           <div class="styled-input">
                              <input type="text" th:placeholder="'电子邮箱:'+${client.CEmail}" name="CEmail1" readonly="readonly" required="">
                              <input type="hidden"  name="CEmail" th:value="${client.CEmail}">
                           </div>

                           <div class="styled-input">
                              <input type="text" th:placeholder="'联系方式:'+${client.CPhone}" name="CPhone1" readonly="readonly" required="">
                              <input type="hidden"  name="CPhone" th:value="${client.CPhone}">
                           </div>
                           <div class="styled-input">
                              <input type="hidden" value="elevator" name="skill" readonly="readonly" required="">
                           </div>
                           <div class="styled-input agile-styled-input-top">
                              <select class="category2" required="">
                                 <option value="">故障类型</option>
                                 <option value="">有异响</option>
                                 <option value="">开关门卡顿</option>
                                 <option value="">有封锁现象</option>
                                 <option value="">其他</option>
                              </select>
                           </div>


                           <div class="styled-input w3l-comment">
                              <textarea name="description" placeholder="详细描述" required=""></textarea>
                           </div>

                        </div>

                        <div class="modal-footer">
                           <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                           <button type="submit" class="btn btn-primary" onclick="newTask1()">提交</button>
                        </div>




                     </form>
                  </div>
               </div>
<!--               <div class="modal-footer">-->
<!--                  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>-->
<!--               <button type="button" class="btn btn-primary">提交申报</button>-->
<!--               </div>-->
            </div>
         </div>
      </div>


 <div id="exampleModalLive2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
            <div class="modal-content">
               <div class="modal-header">
                  <h4 class="modal-title">电脑报修填写</h4>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
               </div>
               <div class="modal-body">
                  <div class="register-form">
                     <form action="#" id="TaskForm2" onsubmit="return false">
                        <input type="hidden" name="_method" value="put">
                        <div class="fields-grid">
                           <div class="styled-input">
                              <input type="text" th:placeholder="'职员ID:'+${client.CId}"  name="CId1" readonly="readonly" required="">
                              <input type="hidden"  name="CId" th:value="${client.CId}">
                           </div>
                           <div class="styled-input">
                              <input type="text" th:placeholder="'报修地点:'+${client.CAddress}" name="CAddress1" readonly="readonly" required="">
                              <input type="hidden"  name="CAddress" th:value="${client.CAddress}">
                           </div>
                           <div class="styled-input">
                              <input type="text" th:placeholder="'电子邮箱:'+${client.CEmail}" name="CEmail1" readonly="readonly" required="">
                              <input type="hidden"  name="CEmail" th:value="${client.CEmail}">
                           </div>

                           <div class="styled-input">
                              <input type="text" th:placeholder="'联系方式:'+${client.CPhone}" name="CPhone1" readonly="readonly" required="">
                              <input type="hidden"  name="CPhone" th:value="${client.CPhone}">
                           </div>
                           <div class="styled-input">
                              <input type="hidden" value="computer" name="skill" readonly="readonly" required="">
                           </div>
                           <div class="styled-input agile-styled-input-top">
                              <select class="category2" required="">
                                 <option value="">故障类型</option>
                                 <option value="">电源</option>
                                 <option value="">死机</option>
                                 <option value="">无法开机</option>
                                 <option value="">其他</option>
                              </select>
                           </div>


                           <div class="styled-input w3l-comment">
                              <textarea name="description" placeholder="详细描述" required=""></textarea>
                           </div>

                        </div>

                        <div class="modal-footer">
                           <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                           <button type="submit" class="btn btn-primary" onclick="newTask2()">提交</button>
                        </div>


                     </form>
                  </div>
               </div>

            </div>
         </div>
      </div>

<div id="exampleModalLive3" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
            <div class="modal-content">
               <div class="modal-header">
                  <h4 class="modal-title">打印机报修填写</h4>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
               </div>
               <div class="modal-body">
                  <div class="register-form">
                     <form action="#" id="TaskForm3" onsubmit="return false">
                        <input type="hidden" name="_method" value="put">
                        <div class="fields-grid">
                           <div class="styled-input">
                              <input type="text" th:placeholder="'职员ID:'+${client.CId}"  name="CId1" readonly="readonly" required="">
                              <input type="hidden"  name="CId" th:value="${client.CId}">
                           </div>
                           <div class="styled-input">
                              <input type="text" th:placeholder="'报修地点:'+${client.CAddress}" name="CAddress1" readonly="readonly" required="">
                              <input type="hidden"  name="CAddress" th:value="${client.CAddress}">
                           </div>
                           <div class="styled-input">
                              <input type="text" th:placeholder="'电子邮箱:'+${client.CEmail}" name="CEmail1" readonly="readonly" required="">
                              <input type="hidden"  name="CEmail" th:value="${client.CEmail}">
                           </div>

                           <div class="styled-input">
                              <input type="text" th:placeholder="'联系方式:'+${client.CPhone}" name="CPhone1" readonly="readonly" required="">
                              <input type="hidden"  name="CPhone" th:value="${client.CPhone}">
                           </div>
                           <div class="styled-input">
                              <input type="hidden" value="printer" name="skill" readonly="readonly" required="">
                           </div>
                           <div class="styled-input agile-styled-input-top">
                              <select class="category2" required="">
                                 <option value="">故障类型</option>
                                 <option value="">电源</option>
                                 <option value="">卡纸</option>
                                 <option value="">无法开机</option>
                                 <option value="">其他</option>
                              </select>
                           </div>


                           <div class="styled-input w3l-comment">
                              <textarea name="description" placeholder="详细描述" required=""></textarea>
                           </div>

                        </div>

                        <div class="modal-footer">
                           <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                           <button type="submit" class="btn btn-primary" onclick="newTask3()">提交</button>
                        </div>


                     </form>
                  </div>
               </div>

            </div>
         </div>
      </div>

<div id="exampleModalLive4" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
            <div class="modal-content">
               <div class="modal-header">
                  <h4 class="modal-title">空调报修填写</h4>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
               </div>
               <div class="modal-body">
                  <div class="register-form">
                     <form action="#" id="TaskForm4" onsubmit="return false">
                        <input type="hidden" name="_method" value="put">
                        <div class="fields-grid">
                           <div class="styled-input">
                              <input type="text" th:placeholder="'职员ID:'+${client.CId}"  name="CId1" readonly="readonly" required="">
                              <input type="hidden"  name="CId" th:value="${client.CId}">
                           </div>
                           <div class="styled-input">
                              <input type="text" th:placeholder="'报修地点:'+${client.CAddress}" name="CAddress1" readonly="readonly" required="">
                              <input type="hidden"  name="CAddress" th:value="${client.CAddress}">
                           </div>
                           <div class="styled-input">
                              <input type="text" th:placeholder="'电子邮箱:'+${client.CEmail}" name="CEmail1" readonly="readonly" required="">
                              <input type="hidden"  name="CEmail" th:value="${client.CEmail}">
                           </div>

                           <div class="styled-input">
                              <input type="text" th:placeholder="'联系方式:'+${client.CPhone}" name="CPhone1" readonly="readonly" required="">
                              <input type="hidden"  name="CPhone" th:value="${client.CPhone}">
                           </div>
                           <div class="styled-input">
                              <input type="hidden" value="air" name="skill" readonly="readonly" required="">
                           </div>
                           <div class="styled-input agile-styled-input-top">
                              <select class="category2" required="">
                                 <option value="">故障类型</option>
                                 <option value="">温度调节不明显</option>
                                 <option value="">异味</option>
                                 <option value="">电源</option>
                                 <option value="">其他</option>
                              </select>
                           </div>


                           <div class="styled-input w3l-comment">
                              <textarea name="description" placeholder="详细描述" required=""></textarea>
                           </div>

                        </div>

                        <div class="modal-footer">
                           <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                           <button type="submit" class="btn btn-primary" onclick="newTask4()">提交</button>
                        </div>


                     </form>
                  </div>
               </div>

            </div>
         </div>
      </div>

<div id="exampleModalLive5" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
            <div class="modal-content">
               <div class="modal-header">
                  <h4 class="modal-title" id="exampleModalLiveLabel">电灯报修填写</h4>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
               </div>
               <div class="modal-body">
                  <div class="register-form">
                     <form action="#" id="TaskForm5" onsubmit="return false">
                        <input type="hidden" name="_method" value="put">
                        <div class="fields-grid">
                           <div class="styled-input">
                              <input type="text" th:placeholder="'职员ID:'+${client.CId}"  name="CId1" readonly="readonly" required="">
                              <input type="hidden"  name="CId" th:value="${client.CId}">
                           </div>
                           <div class="styled-input">
                              <input type="text" th:placeholder="'报修地点:'+${client.CAddress}" name="CAddress1" readonly="readonly" required="">
                              <input type="hidden"  name="CAddress" th:value="${client.CAddress}">
                           </div>
                           <div class="styled-input">
                              <input type="text" th:placeholder="'电子邮箱:'+${client.CEmail}" name="CEmail1" readonly="readonly" required="">
                              <input type="hidden"  name="CEmail" th:value="${client.CEmail}">
                           </div>

                           <div class="styled-input">
                              <input type="text" th:placeholder="'联系方式:'+${client.CPhone}" name="CPhone1" readonly="readonly" required="">
                              <input type="hidden"  name="CPhone" th:value="${client.CPhone}">
                           </div>
                           <div class="styled-input">
                              <input type="hidden" value="light" name="skill" readonly="readonly" required="">
                           </div>
                           <div class="styled-input agile-styled-input-top">
                              <select class="category2" required="">
                                 <option value="">故障类型</option>
                                 <option value="">短路烧毁</option>
                                 <option value="">温度过高</option>
                                 <option value="">灯光微弱</option>
                                 <option value="">其他</option>
                              </select>
                           </div>


                           <div class="styled-input w3l-comment">
                              <textarea name="description" placeholder="详细描述" required=""></textarea>
                           </div>

                        </div>
                        <div class="modal-footer">
                           <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                           <button type="submit" class="btn btn-primary" onclick="newTask5()">提交</button>
                        </div>
                     </form>
                  </div>
               </div>

            </div>
         </div>
      </div>

<div id="exampleModalLive6" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
            <div class="modal-content">
               <div class="modal-header">
                  <h4 class="modal-title" >其他报修填写</h4>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
               </div>
               <div class="modal-body">
                  <div class="register-form">
                     <form action="#" id="TaskForm6" onsubmit="return false">
                        <input type="hidden" name="_method" value="put">
                        <div class="fields-grid">
                           <div class="styled-input">
                              <input type="text" th:placeholder="'职员ID:'+${client.CId}"  name="CId1" readonly="readonly" required="">
                              <input type="hidden"  name="CId" th:value="${client.CId}">
                           </div>
                           <div class="styled-input">
                              <input type="text" th:placeholder="'报修地点:'+${client.CAddress}" name="CAddress1" readonly="readonly" required="">
                              <input type="hidden"  name="CAddress" th:value="${client.CAddress}">
                           </div>
                           <div class="styled-input">
                              <input type="text" th:placeholder="'电子邮箱:'+${client.CEmail}" name="CEmail1" readonly="readonly" required="">
                              <input type="hidden"  name="CEmail" th:value="${client.CEmail}">
                           </div>

                           <div class="styled-input">
                              <input type="text" th:placeholder="'联系方式:'+${client.CPhone}" name="CPhone1" readonly="readonly" required="">
                              <input type="hidden"  name="CPhone" th:value="${client.CPhone}">
                           </div>

                          <div class="styled-input">
                              <input type="text" th:placeholder="故障设备" name="skill" required="">
                           </div>

                           <div class="styled-input w3l-comment">
                              <textarea name="description" th:placeholder="故障的详细描述" required=""></textarea>
                           </div>

                        </div>
                        <div class="modal-footer">
                           <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                           <button type="submit" class="btn btn-primary" onclick="newTask6()">提交</button>
                        </div>
                     </form>
                  </div>
               </div>

            </div>
         </div>
      </div>


  <div id="comment" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
            <div class="modal-content">
               <div class="modal-header">
                  <h4 class="modal-title" >对维修人员的评价</h4>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
               </div>
               <div class="modal-body">
                  <div class="register-form">
                     <form action="#" id="getCredit">
                        <div class="fields-grid">
                          <h5>请不要吝啬您的好评🙂</h5>
                           <div class="styled-input agile-styled-input-top">
                              <select class="category2" id="Credit" required="">
                                 <option value="">请选择对维修人员满意度</option>
                                 <option value="1">非常满意</option>
                                 <option value="0">满意</option>
                                 <option value="-3">一般</option>
                                 <option value="-10">差评</option>
                              </select>
                           </div>
                        </div>
                     </form>
                  </div>
               </div>
               <div class="modal-footer">
               <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
               <button type="button" class="btn btn-primary" onclick="getComment()">确认</button>
               </div>
            </div>
         </div>
      </div>

<div id="urge" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
            <div class="modal-content">
               <div class="modal-header">
                  <h4 class="modal-title" >催促提醒</h4>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
               </div>
               <div class="modal-body">
                  <div class="register-form">
                     <form action="#" method="post">
                        <div class="fields-grid">
                          <h4>已为您发出了维修提醒，<br>维修人员将尽快处理！💪💪</h4>


                        </div>
                     </form>
                  </div>
               </div>
               <div class="modal-footer">
               <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
               <button type="button" class="btn btn-primary" data-dismiss="modal">确认</button>
               </div>
            </div>
         </div>
      </div>

      <div id="kefu" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
         <div class="modal-dialog" role="document">
            <div class="modal-content">

               <div class="chat">
                  <div class="chat-header clearfix">
                     <img src="/client/images/icon.png" alt="avatar" height="50" width="50" />

                     <div class="chat-about">
                        <div class="chat-with">小助手在此！</div>
                        <div class="chat-num-messages">简单的问题我就能帮你解决     </div>
                     </div>
                     <i class="fa fa-star"></i>
                  </div> <!-- end chat-header -->

                  <div class="chat-history">
                     <ul>

                        <li>
                           <div class="message-data">
                              <span class="message-data-name"><i class="fa fa-circle online"></i> 小助手</span>
                              <span class="message-data-time">刚刚,　今日</span>
                           </div>
                           <div class="message my-message">
                              您好，有什么问题能为您解答呢？
                              <br>需要帮助回复 0
                           </div>
                        </li>

                        <li>
                           <div class="message-data">
                              <span class="message-data-name"><i class="fa fa-circle online"></i> 小助手</span>
                              <span class="message-data-time">10:31 AM,　今日</span>
                           </div>
                           <i class="fa fa-circle online"></i>
                           <i class="fa fa-circle online" style="color: #AED2A6"></i>
                           <i class="fa fa-circle online" style="color:#DAE9DA"></i>
                        </li>

                     </ul>

                  </div> <!-- end chat-history -->

                  <div class="chat-message clearfix">
                     <textarea name="message-to-send" id="message-to-send" placeholder ="输入要发送的信息" rows="２"></textarea>

                     <button>发送</button>

                  </div> <!-- end chat-message -->

               </div> <!-- end chat -->

            </div>
         </div>
      </div>


      <!--js working-->
      <script src='/client/js/jquery-2.2.3.min.js'></script>
      <!--//js working-->
      <!-- carousal service slider-->
      <script src="/client/js/slick.js"></script>
      <script>
         function newTask6(){
            $.ajax({
               type: "POST",async: false,
               url: "/newtask",
               data:$("#TaskForm6").serialize(),
               success: function (result) {
                     alert("提交成功");
               },
               error : function() {
                  alert("出现异常！提交失败");
               }
            });
         }

         function newTask5(){
            $.ajax({
               type: "POST",async: false,
               url: "/newtask",
               data:$("#TaskForm5").serialize(),
               success: function (result) {
                  alert("提交成功");
               },
               error : function() {
                  alert("出现异常！提交失败");
               }
            });
         }

         function newTask4(){
            $.ajax({
               type: "POST",async: false,
               url: "/newtask",
               data:$("#TaskForm4").serialize(),
               success: function (result) {
                  alert("提交成功");
               },
               error : function() {
                  alert("出现异常！提交失败");
               }
            });
         }

         function newTask3(){
            $.ajax({
               type: "POST",async: false,
               url: "/newtask",
               data:$("#TaskForm3").serialize(),
               success: function (result) {
                  alert("提交成功");
               },
               error : function() {
                  alert("出现异常！提交失败");
               }
            });
         }

         function newTask2(){
            $.ajax({
               type: "POST",async: false,
               url: "/newtask",
               data:$("#TaskForm2").serialize(),
               success: function (result) {
                  alert("提交成功");
               },
               error : function() {
                  alert("出现异常！提交失败");
               }
            });
         }

         function newTask1(){
            $.ajax({
               type: "POST",async: false,
               url: "/newtask",
               data:$("#TaskForm1").serialize(),
               success: function (result) {
                  alert("提交成功");
               },
               error : function() {
                  alert("出现异常！提交失败");
               }
            });
         }
      </script>

      <script>
         $(document).on('ready', function() {
           $(".center").slick({
         	dots: true,
         	infinite: true,
         	centerMode: true,
         	slidesToShow: 2,
         	slidesToScroll: 2,
         	responsive: [
         		{
         		  breakpoint: 768,
         		  settings: {
         			arrows: true,
         			centerMode: false,
         			slidesToShow: 2
         		  }
         		},
         		{
         		  breakpoint: 480,
         		  settings: {
         			arrows: true,
         			centerMode: false,
         			centerPadding: '40px',
         			slidesToShow: 1
         		  }
         		}
         	 ]
           });
         });
      </script>
      <!-- //carousal -->
      <script>
         // function tixing(){
         //    $.ajax({
         //       type: "POST",async: false,
         //       url: "/tixing",
         //       data:$("#tixing").serialize(),
         //       success: function (result) {
         //          $("#task1status").text("已催单");
         //       },
         //       error : function() {
         //          alert("出现异常！提交失败");
         //       }
         //    });
         // }
         //
         // function tixing2(){
         //    $.ajax({
         //       type: "POST",async: false,
         //       url: "/tixing",
         //       data:$("#tixing2").serialize(),
         //       success: function (result) {
         //          $("#task2status").text("已催单");
         //       },
         //       error : function() {
         //          alert("出现异常！提交失败");
         //       }
         //    });
         // }
         //
         // function tixing3(){
         //    $.ajax({
         //       type: "POST",async: false,
         //       url: "/tixing",
         //       data:$("#tixing3").serialize(),
         //       success: function (result) {
         //          $("#task3status").text("已催单");
         //       },
         //       error : function() {
         //          alert("出现异常！提交失败");
         //       }
         //    });
         // }
         //
         //
         // function tixing4(){
         //    $.ajax({
         //       type: "POST",async: false,
         //       url: "/tixing",
         //       data:$("#tixing4").serialize(),
         //       success: function (result) {
         //          $("#task4status").text("已催单");
         //       },
         //       error : function() {
         //          alert("出现异常！提交失败");
         //       }
         //    });
         // }


         function tixing00(obj){
            var TIdS=$(obj).attr("TId")
            $.ajax({
               type: "POST",async: false,
               url: "/tixing",
               data:"TId="+TIdS,
               success: function (result) {
                  $("#"+TIdS).text("已催单");
                  $(".btn-secondary").click();
               },
               error : function() {
                  alert("出现异常！提交失败");
               }
            });
         }


      </script>
      <script>
         var EId;
         var EStatus;
         var TId;

         function getComEId( obj){
            EId=$(obj).attr("EId")
            EStatus=$(obj).attr("TStatus")
            TId=$(obj).attr("TId")
         }

         function getComment() {
            var credit = $("#Credit option:selected").val();
            if(EStatus==="已完成"){
               $.ajax({
                  type:"GET",
                  async: false,
                  url:"/commentE",
                  data: 'EId='+EId+'&credit='+credit+'&TId='+TId,
                  success:function (result) {
                     alert("评价成功！");
                     //$("#CommentTask1S").attr("value","已评价");
                     //$("#task1status").attr("value","已评价");
                     $(".btn-secondary").click();
                     window.location.reload();
                  },
                  error : function() {
                     alert("出现异常！提交失败");
                  }
               });
            }
            else if(EStatus==="已评价"){
               alert("已评价，不能重复评价");
               $(".btn-secondary").click();
            }
            else{
               alert("报修未完成，不能评价");
               $(".btn-secondary").click();
            }

         }
      </script>
      <!--responsiveslides banner-->
      <script src="/client/js/responsiveslides.min.js"></script>
      <script>
         // You can also use "$(window).load(function() {"
         $(function () {
         	// Slideshow 4
         	$("#slider4").responsiveSlides({
         		auto: true,
         		pager:true,
         		nav: false,
         		speed: 900,
         		namespace: "callbacks",
         		before: function () {
         			$('.events').append("<li>before event fired.</li>");
         		},
         		after: function () {
         			$('.events').append("<li>after event fired.</li>");
         		}
         	});

         });
      </script>
      <!--// responsiveslides banner-->
      <!--About OnScroll-Number-Increase-JavaScript -->
      <script src="/client/js/jquery.waypoints.min.js"></script>
      <script src="/client/js/jquery.countup.js"></script>
      <script>
         $('.counter').countUp();
      </script>
      <!-- //OnScroll-Number-Increase-JavaScript -->
      <!-- clients FlexSlider-JavaScript -->
      <script defer src="/client/js/jquery.flexslider.js"></script>
      <script>
         $(window).load(function(){
         $('.flexslider').flexslider({
         	animation: "slide",
         	start: function(slider){
         		$('body').removeClass('loading');
         	}
         });
         });
      </script>
      <!-- //clients FlexSlider-JavaScript -->
      <!-- gallery-lightbox -->
      <script src="/client/js/lsb.min.js"></script>
      <script>
         $(window).load(function() {
         	  $.fn.lightspeedBox();
         	});
      </script>
      <!-- //gallery-lightbox -->
      <!-- start-smoth-scrolling -->
      <script src="/client/js/move-top.js"></script>
      <script src="/client/js/easing.js"></script>
      <script>
         jQuery(document).ready(function ($) {
         	$(".scroll").click(function (event) {
         		event.preventDefault();
         		$('html,body').animate({
         			scrollTop: $(this.hash).offset().top
         		}, 900);
         	});
         });
      </script>
      <!-- start-smoth-scrolling -->
      <!-- here stars scrolling icon -->
      <script>
         $(document).ready(function () {

         	var defaults = {
         		containerID: 'toTop', // fading element id
         		containerHoverID: 'toTopHover', // fading element hover id
         		scrollSpeed: 1200,
         		easingType: 'linear'
         	};


         	$().UItoTop({
         		easingType: 'easeOutQuart'
         	});

         });
      </script>

      <script id="message-template" type="text/x-handlebars-template">
         <li class="clearfix">
            <div class="message-data align-right">
               <span class="message-data-time" >{{time}}, 今日</span> &nbsp; &nbsp;
               <span class="message-data-name" th:text="${client.getCId()}+':'+${client.getCName()}">员工ID：姓名</span> <i class="fa fa-circle me"></i>
            </div>
            <div class="message other-message float-right">
               {{messageOutput}}
            </div>
         </li>
      </script>

      <script id="message-response-template" type="text/x-handlebars-template">
         <li>
            <div class="message-data">
               <span class="message-data-name"><i class="fa fa-circle online"></i> 小助手</span>
               <span class="message-data-time">{{time}}, 今日</span>
            </div>
            <div class="message my-message">
               {{response}}
            </div>
         </li>
      </script>

      <!--      <script type="text/javascript" src="kefu/js/jquery.js"></script>-->
      <script type="text/javascript" src="/kefu/js/handlebars.min.js"></script>
      <script type="text/javascript" src="/kefu/js/list.min.js"></script>
      <script type="text/javascript" src="/kefu/js/script.js"></script>
      <!-- //here ends scrolling icon -->
      <!--bootstrap working-->
      <script src="/client/js/bootstrap.min.js"></script>
      <!-- //bootstrap working-->
      <script src="haha/owl-carousel/owl.carousel.min.js"></script>
      <!-- Frontpage Demo -->
      <script>
         $(document).ready(function($) {
            $("#owl-example").owlCarousel();
         });

         $("body").data("page", "frontpage");

      </script>
      <script type="text/javascript" src="/assets/js/md5.js"></script>
      <script>
         function UpdateClient() {
            var paramData = $("#updateClient", window.parent.document).serializeArray();
            // 使用ES5功能替换字段(进行加密)
            paramData.forEach(function (item) {
               if (item.name === 'CPwd') {
                  if(null != item.value){
                     item.value = $.md5(item.value);
                  }
               }
            });
            // 将数组转化为字符串序列
            var param =  $.param(paramData);
            window.location.href='/updateinfo?'+param;
         }
      </script>


   </body>
</html>